.setWidth { min-width: 320px; max-width: 640px; margin: 0 auto; overflow: hidden; background: #f7e9db; position:relative; height: 100%; }
html, body { position: relative; height: 100%; }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { background: url(../images/bg.jpg) no-repeat center center; background-size: 100%; /* Center slide text vertically */
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.box1 .img1-2 {  margin: 1rem auto .5rem auto;
}
.box1 .img2-2 {  margin: 1rem auto .5rem auto;
}
.box1 .img3-2 {  margin: 1rem auto .5rem auto;
}
.box4 .img4-2 {  margin: 1rem auto .5rem auto;
}
.box5 .banner { position: absolute; top: 0; left: 0; }
.box5 .text { position: absolute; z-index: 11; right: 0;  top: .5rem;
cursor: pointer; background: #fac751; width: 3.5rem; height: 1.2rem; line-height: 1.2rem; text-align: center; color: #fff;  font-size: .6rem;
 border-top-left-radius: .6rem;
 border-bottom-left-radius: .6rem;
}
.box5 .info { background:url(../images/line.png) no-repeat center top; background-size: 100%; width: 15rem; position: absolute;  left: .5rem;
height: auto; overflow: hidden; top: 7rem;  padding-top: .75rem;
}
.box5 .info .title { text-align: center; color: #e53159;  font-size: .55rem;
line-height: 1.2rem; }
.box5 .s-form { height: auto; overflow: hidden; background: #fff;  padding: .5rem;
}
.box5 .group { height: auto; overflow: hidden;  margin: .5rem auto;
}
.box5 .group .line { height: 1.45rem; width: 14rem; vertical-align: middle; margin: 0 auto; background: #fff; border-radius: 3px; border: 2px solid #f4242e; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.box5 .group .line-yzm { height: 1.45rem; width: 8.75rem; background: #fff; border-radius: 3px; float: left; border: 2px solid #f4242e; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.box5 .group span.name { display: block; float: left; height: 1rem; border-right: 1px solid #dfdfdf; color: #333;  font-size: .6rem;
line-height: 1rem; text-align: center;  padding: 0 .5rem;
 margin-top: .15rem;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.box5 .group input.input-text { display: block;  margin-left: .5rem;
width: 9rem;  font-size: .6rem;
line-height: 1rem; color: #333; border: 0; float: left;  margin-top: .15rem;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline-style: none; background: none; border-radius: 0; }
.box5 .group .line-yzm input.input-text { max-width: 7rem; }
.box5 .group .btn-yzm { float: right; width: 4.5rem; height: 1.45rem; line-height: 1.45rem; background: #f4242e; color: #fff; text-align: center;  font-size: .6rem;
border-radius: 2px; cursor: pointer; }
.box5 .group .btn-yzm.bg { background: #f9797f; }
.box5 .group .btn-sub { width: 14rem; height: 1.45rem; line-height: 1.45rem; background: #f4242e; color: #fff; text-align: center;  font-size: .7rem;
border-radius: 2px; cursor: pointer;  margin:.5rem auto 0 auto;
}
.box5 .group .btn-sub a { color: #fff; text-decoration: none; }
.box6 .banner { position: absolute; top: 0; left: 0; }
.box6 .info { background:url(../images/pic01.png) no-repeat center top; background-size: 100%; width: 15rem; position: absolute;  left: .5rem;
height: auto; overflow: hidden; top: 7rem; padding-top: 3rem; }
.box6 .info .dcwj { background: #fff;  padding: .5rem;
}
.box6 .info .dcwj .group { height: auto; overflow: hidden; color: #333; }
.box6 .info .dcwj .group .name {
 font-size: .55rem; line-height: 1rem; }
.box6 .info .dcwj .group .answer {
 font-size: .5rem; line-height: 1rem; }
.box6 .info .dcwj .group .answer p { padding-left: 1rem; cursor: pointer; }
.box6 .info .dcwj .group .answer span { display: inline-block;  width: .55rem;
 height: .55rem;
box-sizing: border-box; border: 1px solid #999; border-radius: 50%; vertical-align: text-top;  margin-right: .1rem;
}
.box6 .info .dcwj .group .answer span.active { background: url(../images/icon01.png) no-repeat center center; background-size: 100%; border: none; }
.error { clear: both; height: auto; line-height: 1.2rem;  font-size: .6rem;
color: red;  min-height: .6rem;
width: 11.5rem; vertical-align: middle; margin: 0 auto; text-align: center; font-family: "微软雅黑"; }
.top-bar { position: absolute; z-index: 10; bottom: 1rem; width: 1.25rem; left: 50%; margin-left: -0.63rem; }
.mask { position: absolute; top: 0; left: 0; z-index: 10; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7); display: none; }
.explain-window { position: absolute; z-index: 20; top: 50%; left: 50%; height: auto; width: 12rem; background: #fff;  border: .3rem solid #f4242e;
 border-radius: .3rem;
transform: translate(-50%, -50%); display: none; }
.explain-window .zs { width: 6.35rem; height: 1.95rem; position: absolute; top: -1.4rem; left: 50%; transform: translateX(-50%); }
.explain-window .info {  padding: .5rem .8rem;
}
.explain-window .info img {
 margin:  .8rem auto .5rem auto; width: 6.7rem; }
.explain-window p {
 font-size: .5rem;
 line-height: .9rem; text-indent: 2em; }
.explain-window a { display: block;  margin: .5rem auto;
width: 10rem; height: 1.6rem; line-height: 1.6rem; text-align: center; color: #fff; background: #f4242e;  border-radius: .3rem;
 font-size: .8rem;
cursor: pointer; }
@media only screen and (min-width: 641px) {
 html, body {
 position: relative;
 height: 1136px;
}
}
